﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <link rel="stylesheet" href="/css/swipeSelection.css">
    <script src="/js/swipeSelection.js"></script>
</head>

<body class="win-type-body">
    <div id="scenarioHeader">
        <h2 id="sampleHeader" class="win-type-subheader">Description:</h2>
        <div id="scenarioDescription">
            Swipe select and deselect
        </div>
    </div>
    <div id="input">
        <p>Use the Swipe Select and Swipe Deselect animations to show selection and deselection when the user selects an item using the Swipe gesture.</p>
        <p>Typically, the down movement will be done by the user dragging the item. When the user releases the item, the animation will show or hide the selection mark and move the element back to its rest position. </p>
        <p>
            <button class="win-button" id="runAnimation">Swipe select</button>
        </p>
    </div>
    <div id="output">
        <div id="selectionTarget">
            <div id="selectionMark">&#xE081;</div>
        </div>
    </div>
</body>

</html>